new Vue({
    el:"#app",//接管整个页面区域
    data:{
        userList:[],
        user:{},
        ids:[]
    },
    methods:{
        //遍历操作:当加载页面时就执行此方法
        findAll(){
            //向服务发送异步请求，获取响应数据赋值给userList
            //用=>时,this代表vue对象
            axios.get("/vueDemo/user/findAll").then(rep =>{
                //获取响应的数据
                this.userList=rep.data;
            }).catch((error)=> {
                alert("no"+error);
            });
        },
        deleteByIds(){
            //使用get请求
            if(confirm("确定要删除id为"+this.ids+"的用户吗？")){
                axios.get("/vueDemo/user/deleteByIds?ids=" + this.ids)
                    .then(rep => {
                        this.findAll();
                    });
            }
            //清空ids原有的数据
            this.ids = [];
        },
        /*//根据id删除操作
        deleteByIds(){
            //发送get请求
            axios.get("/vueDemo/user/deleteByIds?ids="+this.ids).then(rep=>{

                this.findAll();
            });
            //清空ids原有的数据
            this.ids=[];
        },*/
        //打开新增页面
        openSave(){
            this.user={};
           // 新增模态窗口显示
           $("#myModal1").modal("show");
        },
        //实现新增功能
        //JSON方式
        /*save(){
            axios.get("/vueDemo/user/save?userstr="+JSON.stringify(this.user)).then(
                rep=> this.findAll()
            )
        },*/
        //gson方法(只能用post,因为字符流只能读取请求体的数据)
        save(){
            axios.post("/vueDemo/user/save?",this.user).then(
                rep=> this.findAll()
            )
        },

        //实现更新操作
        update(){
            axios.post("/vueDemo/user/update?",this.user).then(
                rep=> this.findAll()
            )
        },
        //根据id查询
        findById(id){
            axios.get("/vueDemo/user/findById?userid="+id).then(rep=> {
                this.user=rep.data;
                $("#myModal").modal("show")});
            this.user={};
        }
    },
    /*
    * 钩子函数：当页面加载时，指定默认执行的方法
    * */
    created(){
        this.findAll();
    }
});